/*-----------------------------------------------------------*/
/*copyright by åŠ¨åŠ›æ— é™ www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*åˆä½œç”µè¯ 400-0599-360*/
/*版æƒæ‰€æœ‰è¿è€…必究*/
/*-----------------------------------------------------------*/
.sjcTop,
.sjcTop2,
.sjcBottom,
.sjcLeft,
.sjcRight,
.bg,
.leftWow,
.rightWow,
.bottomWow {
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
/*banner*/
.fullSlide {
width: 100%;
position: relative;
height: 500px;
}
.fullSlide .bd {
width: 100%;
height: 500px;
margin: 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 500px;
overflow: hidden;
text-align: center;
position: relative;
}
.fullSlide .bd li a {
display: block;
height: 500px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 2;
bottom: 30px;
left: 0;
height: 30px;
text-align: center;
}
.fullSlide .hd ul {
text-align: center;
}
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
zoom: 1;
width: 10px;
height: 10px;
margin: 0 15px;
overflow: hidden;
line-height: 99px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
background: #fff;
border-radius: 50%;
}
.fullSlide .hd ul .on {
background: #6f1606;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.fullSlide .next {
width: 65px;
height: 65px;
position: absolute;
top: 50%;
z-index: 2;
background: url(../images/bannerR.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
right: 4%;
}
.fullSlide .prev {
width: 65px;
height: 65px;
position: absolute;
top: 50%;
z-index: 2;
background: url(../images/bannerL.png) no-repeat center;
-webkit-transition: all .5s linear;
transition: all .5s linear;
left: 4%;
}
/*sou*/
.sou_bg{
width: 100%;
margin: 0 auto;
background: #ededed;
height: 60px;
}
.sou_bg .sou{
width: 1200px;
margin: 0 auto;
height: 60px;
}
.sou_bg .sou .sou_l{
float: left;
line-height: 60px;
}
.sou_bg .sou .sou_l span{
display: inline-block;
font-size: 14px;
color: #353537;
font-weight: bold;
}
.sou_bg .sou .sou_l a{
display: inline-block;
font-size: 14px;
color: #666666;
margin-right: 10px;
}
.sou_bg .sou .search{
float: right;
width: 264px;
height: 32px;
background: #fff;
border: 1px solid #c8c8c8;
border-radius: 45px;
margin-top: 13px;
}
.sou_bg .sou .search .search2{
float: left;
width: 150px;
height: 32px;
padding-left: 10px;
font-size: 14px;
color: #b2b2b2;
background: none;
}
.sou_bg .sou .search .search_s{
float: right;
cursor: pointer;
width: 41px;
height: 32px;
}
/*product*/
.product{
width: 1200px;
margin: 60px auto 0 auto;
}
.product .pro_l{
float: left;
width: 230px;
height: 1502px;
background: #6f1606;
border-radius: 15px;
}
.product .pro_l .pro_t{
text-align: center;
height: 100px;
}
.product .pro_l .pro_t a{
display: block;
font-size: 28px;
color: #fff;
font-weight: bold;
padding-top: 18px;
}
.product .pro_l .pro_t a i{
display: block;
font-size: 12px;
color: #9c6257;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 2px;
}
.product .pro_l .pro_fl{
width: 220px;
height: 1397px;
background: #fff;
border-radius: 15px;
margin: 0 auto;
}
.product .pro_l .pro_fl .sideMenu{
height: 1000px;
padding-top: 23px;
}
.product .pro_l .pro_fl .sideMenu h3{
width: 180px;
height: 38px;
line-height: 38px;
background: url(../images/pro_list.png) no-repeat center;
margin: 0 auto 13px auto;
}
.product .pro_l .pro_fl .sideMenu h3 a{
font-size: 15px;
color: #fff;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-align: center;
padding: 0 5px;
}
.product .pro_l .pro_fl .sideMenu ul{
margin-bottom: 20px;
}
.product .pro_l .pro_fl .sideMenu ul li{
position: relative;
z-index: 5;
width: 180px;
height: 28px;
line-height: 28px;
margin: 0 auto;
}
.product .pro_l .pro_fl .sideMenu ul li a{
font-size: 14px;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
padding-left: 20px;
background: url(../images/buttom1.png) no-repeat 5px center;
}
.product .pro_l .pro_fl .sideMenu ul li::after{
position: absolute;
left: -2px;
bottom: 0px;
content: "";
z-index: -1;
width: 0px;
height: 100%;
background: #4a2d21;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_l .pro_fl .sideMenu ul li:hover::after{
width: 184px;
}
.product .pro_l .pro_fl .sideMenu ul li:hover a{
color: #fff;
background:none;
}
.product .pro_l .pro_fl .pro_con{
width: 190px;
height: 333px;
background: #6f1606;
margin: 0 auto;
padding-top: 27px;
}
.product .pro_l .pro_fl .pro_con .tel{
margin: 0px auto 0 auto;
text-align: center;
padding-top: 85px;
font-size: 16px;
color: #fff;
background: url(../images/tel1.png) no-repeat top center;
}
.product .pro_l .pro_fl .pro_con .tel i{
display: block;
font-size: 27px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.product .pro_l .pro_fl .pro_con .ewm{
margin: 20px auto 0 auto;
width: 135px;
height: 135px;
}
.product .pro_l .pro_fl .pro_con .ewm img{
width: 135px;
height: 135px;
}
.product .pro_r{
float: right;
width: 945px;
}
.product .pro_r .pro_hot{
width: 945px;
height: 40px;
border-bottom: 1px solid #b5b5b5;
}
.product .pro_r .pro_hot h5{
float: left;
margin-left: 20px;
font-size: 20px;
color: #333333;
}
.product .pro_r .pro_hot h5 i{
font-size: 20px;
color: #dedede;
font-weight: bold;
margin-left: 7px;
}
.product .pro_r .pro_hot .more{
display: block;
float: right;
font-size: 14px;
color: #333;
margin-right: 20px;
}
.product .pro_r .pro_box{
margin: 40px auto 0 auto;
}
.product .pro_r .pro_box ul li{
float: left;
width: 224px;
margin: 0 0 30px 12px ;
}
.product .pro_r .pro_box ul li .pic{
width: 200px;
height: 160px;
border: 1px solid #d9d9d9;
margin: 0 auto;
overflow: hidden;
}
.product .pro_r .pro_box ul li .pic img{
width: 200px;
height: 160px;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product .pro_r .pro_box ul li .txt{
width: 224px;
height: 36px;
line-height: 36px;
background: #6f1606;
text-align: center;
margin: 10px auto 0 auto;
}
.product .pro_r .pro_box ul li .txt a{
font-size: 14px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
padding: 0 5px;
}
.product .pro_r .pro_box ul li:hover .pic img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
/*lc*/
.lc_bg{
width: 100%;
margin: 40px auto 0 auto;
height: 372px;
background: url(../images/lc_bg.jpg) no-repeat center;
}
.lc_bg .lc{
width: 1200px;
margin: 0 auto;
padding-top: 50px;
}
.lc_bg .lc .lc_t{
height: 105px;
}
.lc_bg .lc .lc_t .lc_l{
float: left;
margin-left: 70px;
}
.lc_bg .lc .lc_t .lc_l h5{
font-size: 43px;
color: #fff;
font-weight: bold;
line-height: 42px;
}
.lc_bg .lc .lc_t .lc_l span{
display: block;
font-size: 14px;
color: #fff;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin-top: 18px;
}
.lc_bg .lc .lc_t .tel{
float: right;
background: url(../images/tel2.png) no-repeat left center;
height: 65px;
padding-left: 90px;
}
.lc_bg .lc .lc_t .tel span{
display: block;
font-size: 16px;
color: #fff;
}
.lc_bg .lc .lc_t .tel i{
display: block;
font-size: 38px;
color: #fff;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
line-height: 50px;
}
.lc_bg .lc .lc_box{
margin-top: 40px;
}
.lc_bg .lc .lc_box .lc_title{
float: left;
width: 58px;
height: 130px;
background: #ffffff;
text-align: center;
line-height: 58px;
font-size: 22px;
color: #333333;
font-weight: bold;
writing-mode: tb-rl;
letter-spacing: 3px;
}
.lc_bg .lc .lc_box .lc_nr{
float: right;
width: 1130px;
}
.lc_bg .lc .lc_box .lc_nr ul li{
float: left;
width: 80px;
text-align: center;
margin-left: 108px;
position: relative;
}
.lc_bg .lc .lc_box .lc_nr ul li::after{
position: absolute;
left: 135px;
top: 30px;
content: "";
width: 20px;
height: 20px;
background: url(../images/buttom4.png) no-repeat center;
}
.lc_bg .lc .lc_box .lc_nr ul li:last-child::after{
background: none;
}
.lc_bg .lc .lc_box .lc_nr ul li span img{
display: block;
width: 80px;
height: 80px;
}
.lc_bg .lc .lc_box .lc_nr i{
display: block;
margin-top: 17px;
font-size: 18px;
color: #fff;
}
/*te*/
.te_bg{
width: 100%;
margin: 0px auto 0 auto;
height: 453px;
background: url(../images/te_bg.jpg) no-repeat center;
}
.te_bg .te{
width: 1200px;
margin: 0 auto;
padding-top: 55px;
}
.te_bg .te .hd{
height: 200px;
}
.te_bg .te .hd ul{
text-align: center;
}
.te_bg .te .hd ul li{
display: inline-block;
width: 160px;
text-align: center;
margin: 0 68px;
}
.te_bg .te .hd ul li span{
display: block;
}
.te_bg .te .hd ul li span img{
display: block;
margin: 0 auto;
width: 102px;
width: 102px;
}
.te_bg .te .hd ul li i{
display: block;
font-size: 18px;
color: #fff;
margin-top: 16px;
}
.te_bg .te .hd ul li em{
display: block;
width: 0px;
height: 4px;
background: #fff;
margin: 52px auto 0 auto;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.te_bg .te .hd ul li.on em{
width: 113px;
}
.te_bg .te .bd{
margin-top: 40px;
}
.te_bg .te .bd ul li{
width: 1200px;
float: left;
}
.te_bg .te .bd ul li p{
margin-left: 90px;
line-height: 28px;
margin-bottom: 18px;
font-size: 16px;
color: #333;
}
.te_bg .te .bd ul li p i{
display: inline-block;
width: 28px;
height: 28px;
background: #6f1606;
border-radius: 50%;
text-align: center;
font-size: 16px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
margin-right: 20px;
}
/*case*/
.case_bg{
width: 100%;
margin: 0 auto;
height: 1100px;
background: url(../images/case_bg.jpg) no-repeat center;
}
.case_bg .case{
width: 1200px;
margin: 0 auto;
padding-top: 90px;
}
.case_bg .case .case_t{
text-align: center;
}
.case_bg .case .case_t h3{
font-size: 30px;
color: #333;
font-weight: bold;
}
.case_bg .case .case_t h3 i{
color: #721506;
font-weight: bold;
}
.case_bg .case .case_t p{
font-size: 18px;
color: #333;
font-weight: bold;
margin-top: 12px;
display: block;
}
.case_bg .case .case_t h3 a{
display: inline-block;
font-size: 18px;
color: #721506;
font-weight: bold;
margin-left: 12px;
}
.case_bg .case .case_show{
width: 1200px;
margin: 45px auto 0 auto;
height: 500px;
overflow: hidden;
}
.case_bg .case .case_show ul li{
float: left;
width: 200px;
}
.case_bg .case .case_show ul li p{
font-size: 14px;
color: #000000;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
width: 200px;
}
.case_bg .case .case_show ul li p:hover{
color: #6f1606;
}
.case .case_list{
width: 1200px;
height: 42px;
}
.case .case_list ul{
text-align: center;
}
.case .case_list ul li {
display: inline-block;
width: 164px;
height: 42px;
line-height: 42px;
background: #323232;
border-radius: 45px;
margin: 0 3px;
position: relative;
z-index: 5;
}
.case .case_list ul li a{
display: block;
text-align: center;
font-size: 16px;
color: #fff;
}
.case .case_list ul li::after{
position: absolute;
left: 0px;
top: 0px;
content: "";
z-index: -1;
width: 0px;
height: 100%;
background: #721506;
border-radius: 45px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_list ul li.casehover::after{
width: 100%;
}
.case .case_box{
width: 1200px;
margin: 45px auto 0 auto;
position: relative;
}
.case .case_box .bd{
width: 1096px;
margin: 0 auto;
}
.case .case_box .bd ul li{
float: left;
width: 256px;
margin: 0 9px;
}
.case .case_box .bd ul li .pic{
width: 256px;
height: 204px;
overflow: hidden;
}
.case .case_box .bd ul li .pic img{
width: 256px;
height: 204px;
overflow: hidden;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .bd ul li:hover .pic img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.case .case_box .bd ul li .txt{
line-height: 35px;
height: 35px;
text-align: center;
}
.case .case_box .bd ul li .txt a{
font-size: 14px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.case .case_box .bd ul li:hover .txt a{
color: #6f1606;
}
.case .case_box .next{
position: absolute;
left: 0px;
top: 55px;
cursor: pointer;
width: 37px;
height: 81px;
background: url(../images/left.png) no-repeat center;
}
.case .case_box .prev{
position: absolute;
right: 0px;
top: 55px;
cursor: pointer;
width: 37px;
height: 81px;
background: url(../images/right.png) no-repeat center;
}
/*hz*/
.hz_bg{
width: 100%;
margin: 0 auto;
height: 808px;
background: url(../images/hz_bg.jpg) repeat center;
}
.hz_bg .hz{
width: 1200px;
margin: 0 auto;
padding-top: 50px;
}
.hz_bg .hz .hz_t{
height: 70px;
text-align: center;
font-size: 30px;
color: #ffffff;
font-weight: bold;
}
.hz_bg .hz .hz_box{
width: 1360px;
margin: 0 auto;
overflow: hidden;
}
.hz_bg .hz .hz_box ul li{
float: left;
margin: 0 45px 24px 0;
width: 204px;
}
.hz_bg .hz .hz_box ul li .pic{
width: 204px;
height: 74px;
overflow: hidden;
}
.hz_bg .hz .hz_box ul li .pic img{
width: 204px;
height: 74px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
overflow: hidden;
}
.hz_bg .hz .hz_box ul li .txt a{
font-size: 14px;
color: #333333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: none;
text-align: center;
}
.hz_bg .hz .hz_box ul li:hover .pic img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.hz_bg .hz .more{
width: 136px;
height: 40px;
line-height: 40px;
border: 1px solid #fff;
margin: 20px auto 0 auto;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.hz_bg .hz .more a{
display: block;
font-size: 18px;
color: #fff;
text-align: center;
}
.hz_bg .hz .more:hover{
background: #721506;
}
/*ys*/
.ys_bg{
width: 100%;
margin: 10px auto 0 auto;
height: 2015px;
background: url(../images/ys_bg.jpg) no-repeat center;
overflow: hidden;
}
.ys_bg .ys{
width: 1200px;
margin: 0 auto;
padding-top: 60px;
}
.ys_bg .ys .ys_t{
background: url(../images/ys_t.png) no-repeat center;
width: 728px;
height: 148px;
margin: 0 auto;
text-align: center;
}
.ys_bg .ys .ys_t h3{
font-size: 48px;
color: #721506;
font-weight: bold;
line-height: 55px;
margin-right: 25px;
}
.ys_bg .ys .ys_t span{
display: block;
font-size: 30px;
color: #474747;
padding-left: 110px;
margin-top: 2px;
}
.ys_bg .ys .ys_t span i{
font-size: 30px;
color: #474747;
font-weight: bold;
}
.ys_bg .ys .ys_t p{
text-align: center;
font-size: 20px;
color: #fff;
line-height: 32px;
margin-top: 14px;
}
.ys_bg .ys .ys_box{
width: 1200px;
margin: 70px auto 0 auto;
position: relative;
}
.ys_bg .ys .ys_box ul li{
width: 552px;
}
.ys_bg .ys .ys_box ul li .txt{
}
.ys_bg .ys .ys_box ul li .txt .txt_t{
background: url(../images/ys_list.png) no-repeat left center;
height: 89px;
margin-bottom: 20px;
}
.ys_bg .ys .ys_box ul li .txt .txt_t span{
display: block;
float: left;
width: 47px;
height: 89px;
text-align: center;
font-size: 30px;
color: #ffffff;
line-height: 50px;
}
.ys_bg .ys .ys_box ul li .txt .txt_t h5{
float: left;
margin-left: 20px;
}
.ys_bg .ys .ys_box ul li .txt .txt_t h5 b{
display: block;
line-height: 35px;
font-size: 26px;
color: #333333;
font-weight: bold;
}
.ys_bg .ys .ys_box ul li .txt .txt_t h5 b em{
font-size: 26px;
color: #721506;
font-weight: bold;
margin-right: 10px;
}
.ys_bg .ys .ys_box ul li .txt .txt_t h5 i{
display: block;
font-size: 18px;
color: #9e9e9e;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 10px;
}
.ys_bg .ys .ys_box ul li .txt p{
margin-left: 40px;
background: url(../images/buttom3.png) no-repeat left 18px;
padding-left: 30px;
font-size: 16px;
color: #444444;
line-height: 36px;
}
.ys_bg .ys .ys_box ul li.ys1{
position: absolute;
left: 0;
top: 10px;
}
.ys_bg .ys .ys_box ul li.ys2{
position: absolute;
right: 0;
top: 385px;
}
.ys_bg .ys .ys_box ul li.ys3{
position: absolute;
left: 0;
top: 710px;
width: 610px;
}
.ys_bg .ys .ys_box ul li.ys4{
position: absolute;
right: 0;
top: 1080px;
}
.ys_bg .ys .ys_box ul li.ys5{
position: absolute;
left: 0;
top: 1440px;
}
.ys_bg .ys .ys_box .ys_img1{
position: absolute;
right: 0;
top: 0px;
width: 553px;
height: 320px;
background: url(../images/ys_list1.png) no-repeat center;
}
.ys_bg .ys .ys_box .ys_img1 img{
width: 537px;
height: 292px;
margin-top: 13px;
}
.ys_bg .ys .ys_box .ys_img2{
position: absolute;
left: 0;
top: 350px;
}
.ys_bg .ys .ys_box .ys_img3{
position: absolute;
right: 0;
top: 650px;
}
.ys_bg .ys .ys_box .ys_img4{
position: absolute;
left: 0;
top: 950px;
}
.ys_bg .ys .ys_box .ys_img5{
position: absolute;
right: 0;
top: 1405px;
}
/*industry*/
.industry_bg{
width: 100%;
margin: 0px auto 0 auto;
height: 805px;
background: url(../images/hz_bg.jpg) repeat center;
}
.industry_bg .industry{
width: 1390px;
margin: 0 auto;
}
.industry_bg .industry .industry_t{
padding-top: 65px;
text-align: center;
}
.industry_bg .industry .industry_t h3{
font-size: 30px;
color: #ffffff;
font-weight: bold;
}
.industry_bg .industry .industry_t p{
font-size: 18px;
color: #ffffff;
font-weight: bold;
}
.industry_bg .industry .industry_box{
margin: 30px auto 0 auto;
position: relative;
}
.industry_bg .industry .industry_box .bd{
width: 1390px;
height: 515px;
}
.industry_bg .industry .industry_box .bd ul li{
width: 345px;
height: 515px;
background: #2a2a2a;
border: 1px solid #c1c1c1;
position: relative;
float: left;
overflow: hidden;
}
.industry_bg .industry .industry_box .bd ul li .pic{
width: 345px;
height: 515px;
opacity: 0.5;
}
.industry_bg .industry .industry_box .bd ul li .pic img{
width: 345px;
height: 515px;
object-fit: cover;
}
.industry_bg .industry .industry_box .bd ul li .txt{
position: absolute;
left: 0;
top: 0px;
width: 295px;
height: 515px;
text-align: center;
padding: 0 25px;
z-index: 5;
}
.industry_bg .industry .industry_box .bd ul li .txt a{
display: block;
}
.industry_bg .industry .industry_box .bd ul li .txt a img{
display: block;
width: 104px;
height: 104px;
margin: 160px auto 0 auto;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.industry_bg .industry .industry_box .bd ul li .txt a span{
font-size: 24px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 30px auto 25px auto;
}
.industry_bg .industry .industry_box .bd ul li .txt a p{
font-size: 14px;
color: #fff;
line-height: 24px;
height: 72px;
overflow: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 30px auto 25px auto;
}
.industry_bg .industry .industry_box .bd ul li .txt a i{
display: block;
background: url(../images/more.png) no-repeat center;
margin: 33px auto 0 auto;
width: 183px;
height: 41px;
font-size: 14px;
color: #fff;
line-height: 37px;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin: 30px auto 25px auto;
}
.industry_bg .industry .industry_box .bd ul li .txt::after{
position: absolute;
left: 0px;
top: 0px;
content: "";
z-index: -1;
width: 100%;
height: 0%;
background: url(../images/ico1.png) repeat center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.industry_bg .industry .industry_box .bd ul li:hover .txt::after{
height: 100%;
}
.industry_bg .industry .industry_box .bd ul li:hover .txt a img{
margin: 80px auto 0 auto;
}
.industry_bg .industry .industry_box .bd ul li:hover .txt a p{
opacity: 1;
}
.industry_bg .industry .industry_box .bd ul li:hover .txt a i{
opacity: 1;
}
.industry_bg .industry .industry_box .next{
position: absolute;
left: -90px;
top: 240px;
cursor: pointer;
width: 26px;
height: 28px;
background: url(../images/left1.png) no-repeat center;
}
.industry_bg .industry .industry_box .prev{
position: absolute;
right: -90px;
top: 240px;
cursor: pointer;
width: 26px;
height: 28px;
background: url(../images/right1.png) no-repeat center;
}
.industry_bg .industry .more{
width: 136px;
height: 40px;
line-height: 40px;
border: 1px solid #fff;
margin: 25px auto 0 auto;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.industry_bg .industry .more a{
display: block;
font-size: 18px;
color: #fff;
text-align: center;
}
.industry_bg .industry .more:hover{
background: #721506;
}
/*about*/
.ab_bg{
width: 100%;
margin: 10px auto 0 auto;
height: 982px;
background: #f8f8f8;
overflow: hidden;
}
.ab_bg .about{
width: 1200px;
margin: 0 auto;
padding-top: 75px;
}
.ab_bg .about .ab_t{
text-align: center;
}
.ab_bg .about .ab_t h3{
font-size: 30px;
color: #333;
font-weight: bold;
}
.ab_bg .about .ab_t h3 i{
color: #721506;
font-weight: bold;
}
.ab_bg .about .ab_t span{
font-size: 18px;
color: #333;
font-weight: bold;
margin-top: 12px;
display: block;
}
.ab_bg .about .ab_box{
margin: 45px auto 0 auto;
height: 322px;
}
.ab_bg .about .ab_box .ab_img{
float: left;
width: 586px;
height: 322px;
}
.ab_bg .about .ab_box .ab_img img{
width: 586px;
height: 322px;
}
.ab_bg .about .ab_box .ab_r{
float: right;
width: 565px;
}
.ab_bg .about .ab_box .ab_r .txt{
width: 565px;
height: 260px;
margin-top: 5px;
}
.ab_bg .about .ab_box .ab_r .txt p{
font-size: 14px;
color: #666666;
line-height: 26px;
height: 234px;
overflow: hidden;
}
.ab_bg .about .ab_box .ab_r .txt p a{
font-size: 14px;
color: #721506;
}
.ab_bg .about .ab_box .ab_r .ab_yw{
}
.ab_bg .about .ab_box .ab_r .ab_yw span{
display: block;
font-size: 16px;
color: #666666;
margin-bottom: 10px;
}
.ab_bg .about .ab_box .ab_r .ab_yw a{
font-size: 14px;
color: #666666;
}
/*fc*/
.fc{
width: 1200px;
margin: 75px auto 0 auto;
}
.fc .fc_list{
width: 1200px;
height: 42px;
}
.fc .fc_list ul{
text-align: center;
}
.fc .fc_list ul li {
display: inline-block;
width: 164px;
height: 42px;
line-height: 42px;
background: #323232;
border-radius: 45px;
margin: 0 3px;
position: relative;
z-index: 5;
}
.fc .fc_list ul li a{
display: block;
text-align: center;
font-size: 16px;
color: #fff;
}
.fc .fc_list ul li::after{
position: absolute;
left: 0px;
top: 0px;
content: "";
z-index: -1;
width: 0px;
height: 100%;
background: #721506;
border-radius: 45px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.fc .fc_list ul li.casehover::after{
width: 100%;
}
.fc .fc_box{
width: 1200px;
margin: 45px auto 0 auto;
position: relative;
}
.fc .fc_box .bd{
width: 1096px;
margin: 0 auto;
}
.fc .fc_box .bd ul li{
float: left;
width: 256px;
margin: 0 9px;
}
.fc .fc_box .bd ul li .pic{
width: 256px;
height: 204px;
}
.fc .fc_box .bd ul li .pic img{
width: 256px;
height: 204px;
}
.fc .fc_box .bd ul li .txt{
line-height: 34px;
height: 34px;
text-align: center;
}
.fc .fc_box .bd ul li .txt a{
font-size: 14px;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.fc .fc_box .bd ul li:hover .txt a{
color: #6f1606;
}
.fc .fc_box .next{
position: absolute;
left: 0px;
top: 55px;
cursor: pointer;
width: 37px;
height: 81px;
background: url(../images/left.png) no-repeat center;
}
.fc .fc_box .prev{
position: absolute;
right: 0px;
top: 55px;
cursor: pointer;
width: 37px;
height: 81px;
background: url(../images/right.png) no-repeat center;
}
/*city*/
.city{
margin: 75px auto 0 auto;
width: 1200px;
}
.city .city_t{
margin: 0 auto;
text-align: center;
font-size: 30px;
color: #333;
font-weight: bold;
}
.city .city_box{
margin: 45px auto 0 auto;
width: 1200px;
}
.city .city_box .city_l{
float: left;
width: 500px;
position: relative;
}
.city .city_box .city_l .pic img{
width: 486px;
height: 559px;
display: block;
position: relative;
}
.city .city_box .city_l::after{
position: absolute;
left: 306px;
top: 135px;
content: "山西";
width: 50px;
height: 95px;
background: url(../images/map_ico.png) no-repeat center;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 80px;
}
.city .city_box .city_l:hover::after{
opacity: 1;
}
.city .city_box .city_l .txt{
position: absolute;
left: 0;
top: 400px;
}
.city .city_box .city_l .txt p{
font-size: 16px;
color: #333;
line-height: 35px;
}
.city .city_box .city_l .txt p img{
vertical-align: middle;
margin-right: 25px;
}
.city .city_box .city_r{
float: right;
width: 560px;
}
.city .city_box .city_r .r_t{
height: 60px;
border-bottom: 1px solid #cccccc;
line-height: 50px;
font-size: 18px;
color: #333;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.city .city_box .city_r .r_t i{
font-size: 14px;
color: #333;
font-weight: bold;
}
.city .city_box .city_r ul li{
width: 560px;
height: 58px;
line-height: 58px;
background: #f8f8f8;
margin-bottom: 30px;
}
.city .city_box .city_r ul li img{
float: left;
width: 70px;
margin-right: 13px;
}
.city .city_box .city_r ul li p{
float: left;
font-size: 16px;
color: #333;
}
.city .city_box .city_r ul li span{
float: right;
font-size: 16px;
color: #333;
width: 180px;
}
.city .city_box .city_r ul li span i{
font-size: 28px;
color: #721506;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px;
position: relative;
top: 3px;
}
.city .city_box .city_r ul li span i p{
font-size: 28px;
color: #721506;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
margin: 0 5px;
position: relative;
top: 3px;
}
/*city_fenzhan*/
.city_fenzhan{
margin: 25px auto 50px auto;
width: 1210px;
font-size: 16px;
color: #333333;
}
.city_fenzhan span{
display: inline-block;
font-size: 28px;
color: #721506;
font-weight: bold;
}
.city_fenzhan a{
font-size: 16px;
color: #333333;
display: inline-block;
line-height: 36px;
margin-right: 10px;
}
.city_fenzhan a:last-child{
display: none;
}
/*news*/
.news_bg{
width: 100%;
margin: 0 auto;
height: 612px;
background: #f8f8f8;
}
.news_bg .news{
padding-top: 60px;
width: 1280px;
margin: 0 auto;
}
.news_bg .news .news_t{
text-align: center;
}
.news_bg .news .news_t h3{
font-size: 30px;
color: #333;
font-weight: bold;
}
.news_bg .news .news_t h3 i{
color: #721506;
font-weight: bold;
}
.news_bg .news .news_t span{
font-size: 18px;
color: #333;
font-weight: bold;
margin-top: 12px;
display: block;
}
.news_bg .news .news_box{
width: 1260px;
margin: 30px auto 0 auto;
}
.news_bg .news .news_box ul li{
float: left;
width: 358px;
margin-right: 62px;
}
.news_bg .news .news_box ul li dt{
height: 57px;
line-height: 57px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}
.news_bg .news .news_box ul li dt h5{
float: left;
font-size: 18px;
color: #333333;
}
.news_bg .news .news_box ul li dt .more{
display: block;
float: right;
font-size: 14px;
color: #333333;
}
.news_bg .news .news_box ul li dd{
height: 36px;
line-height: 36px;
}
.news_bg .news .news_box ul li dd a{
float: left;
width: 270px;
font-size: 14px;
color: #666;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
display: block;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.news_bg .news .news_box ul li dd span{
display: block;
float: right;
font-size: 14px;
color: #a3a3a3;
}
.news_bg .news .news_box ul li dd:hover a{
color: #6f1606;
transform: translateX(10px);
-webkit-transform: translateX(10px);
-o-transform: translateX(10px);
}
/*links*/
.links{
margin: 65px auto 30px auto;
width: 1200px;
padding: 20px 0;
border: 2px solid #e6e6e6;
}
.links .links_t{
float: left;
margin-left: 25px;
}
.links .links_t span{
display: block;
font-size: 32px;
color: #d4d0cf;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 30px;
float: left;
}
.links .links_t i{
display: block;
width: 103px;
height: 30px;
line-height: 28px;
background: #721506;
margin-left: 13px;
font-size: 16px;
color: #fff;
text-align: center;
float: left;
}
.links .yq{
float: right;
width: 950px;
font-size: 16px;
color: #888888;
line-height: 28px;
}
.links .yq a{
font-size: 16px;
color: #888888;
display: inline-block;
}
/*EXPRESS*/
.EXPRESS{
margin: 0 auto;
width: 1200px;
}
.EXPRESS .express_t{
height: 60px;
line-height: 50px;
font-size: 22px;
color: #444444;
padding-left: 53px;
background: url(../images/buttom2.png) no-repeat left center;
margin-bottom: 20px;
}
.EXPRESS .express_t i{
font-size: 16px;
color: #444444;
}
.EXPRESS dl{
overflow: hidden;
margin-bottom: 50px;
margin-left: 50px;
}
.EXPRESS dl dt{
float: left;
font-size: 20px;
color: #666666;
width: 130px;
line-height: 36px;
}
.EXPRESS dl .nr{
float: right;
width: 1015px;
line-height: 36px;
font-size: 16px;
color: #888888;
}
.EXPRESS dl dd a{
line-height: 36px;
font-size: 16px;
color: #888888;
float: left;
margin-right: 15px;
}